<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="0">

<title>图片验证码识别引擎准确率测试</title>

<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<style>
	div.loading{
		width:200px;
		height:50px;
		position:absolute;
		z-index:9999;
		left:50%;
		top:50%;
		margin:-25px 0 0 -100px;
		display:none;
	}
	div.image-container{width:102px;height:50px;float:left;cursor:pointer;margin:5px 2px;}
	div.image-container img{-webkit-user-select: none;}
	div.image-container-label{text-align:center;font-size:14px;}
	div.image-container-error{border:solid 1px red;}
</style>

</head>
<body>
	<div class="alert alert-danger loading" role="alert">
	  <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
	  <span class="sr-only">Tips:</span>数据加载中...
	</div>
	
	<form class="form-inline" style="float: right;">
	  <div class="form-group">
	    <label class="sr-only" for="accuracy">百分比：</label>
	    <div class="input-group">
	      <div class="input-group-addon">准确率</div>
	      <input type="text" class="form-control" id="accuracy" placeholder="100"/>
	      <div class="input-group-addon">%</div>
	    </div>
	  </div>
	</form>
	
	<div style='margin: 10px auto; text-align: center;'>

		<h1>图片验证码识别准确率测试</h1>
		<br />
		
		<!-- Standard button -->
		<button type="button" class="btn btn-info" id='btnGetImage'>获取验证码图片</button>

		<!-- Indicates a successful or positive action -->
		<button type="button" class="btn btn-success" id='btnListImages'>批量识别验证码图片</button>

	</div>

	<div class="alert alert-success" role="alert" style='margin-top: 50px; height: 500px;' id='divResult'>
		
	</div>

	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

	<script src="js/ocr.js"></script>

</body>
</html>